<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车贷计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>
<div id="all">
    <div id="top">
        <img src="../image/logo.jpg" alt="">
        <div><span id="ipt1">购车贷款</span></div>
        <div><span id="ipt2">购车税费</span></div>
    </div>
    <div id="mid">
        <div id="div1">
            <div>
                <div>
                    裸车价格: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="text" id="jg"  name="jiage" style="width: 150px;">
                    &nbsp;&nbsp;万元
                </div>
            </div>
            
            <div>
                首付比例:
                <select>
                    <option value="">二成</option>
                    <option value="">三成</option>
                    <option value="">四成</option>
                    <option value="">五成</option>
                </select>
                
            </div>
            <div>
               货款期限：
                <select>
                    <option value="">6个月（6期）</option>
                    <option value="">12个月（12期）</option>
                    <option value="">24个月（24期）</option>
                </select>
            </div>
            <div>
                货款年利率：
                <select>
                    <option value="">5.6%</option>
                    <option value="">11.2%</option>
                    <option value="">22.4%</option>
                    <option value="">44.8%</option>
                    <option value="">50%</option>
                </select>
                <select name="" id="2">
                    <option value="">无折扣</option>
                    <option value="">有折扣</option>

                </select>
                <input type="text" style=" width: 50px;">
            </div>
            <!--显示为空-->
            <!--<input type="text">-->
        </div>
        <div id="div2" class="yin">
            <div>
                裸车价格：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="text" id="r"  name="luo" style="width: 150px;">
                &nbsp;&nbsp;万元
            </div>
            <div>
                车辆排量：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <select>
                    <option value ="di">1.0L-1.6L(含）</option>
                </select>
            </div>
            <div>
                计划上牌地：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <select>
                    <option value ="beijing">B-北京</option>
                    <option value ="beijing">保定</option>
                </select>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（首字母）
            </div>
            <div>
                车辆情况：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="sixlow" value="sixlow" id="sixlow"><label for="sixlow">六座以下</label>
                <input type="radio" name="liuhigh" value="liuhigh" id="liuhigh" checked="checked"><label for="liuhigh">六座以上</label>
            </div></div>

        <div style="background-color: blueviolet">
            <button id="but1">立即计算</button>
            <button id="but2">清除</button>
        </div>
    </div>
    <div id="bot">
        <div id="div3" class="yin">计算结果 <div>
            计算结果
        </div>
            <div>
                每月还款
                <input type="text" id="q"  name="huan" style="width: 150px;">元
            </div>
            <div>利息总额
                <input type="text" id="w"  name="li" style="width: 150px;">元 累计还款总额
                <input type="text" id="e"  name="zong" style="width: 150px;">元
            </div>
        </div>
        <div id="div4" class="yin">
            <div>计算结果</div>
            <div>
                费用合计&nbsp;&nbsp;&nbsp;
                <input type="text" style="width: 120px;">元
            </div>
            <div>新车购置税
                <input type="text" style="width: 120px;">元车船使用费&nbsp;&nbsp;&nbsp;
                <input type="text" style="width: 120px;">元
            </div>
            <div>上牌费用&nbsp;&nbsp;&nbsp;
                <input type="text" style="width: 120px;">元交强保险费用
                <input type="text" style="width: 120px;">元
            </div>
        </div>
    </div>
</div>
</body>
</html>